<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="minimum-scale=1.0,maximum-scale=1,width=device-width,user-scalable=no">
    <title>2016好声音人气排行榜</title>
    <link rel="stylesheet" href="./css/all.css"/>
    <!--<link rel="stylesheet" href="./css/voice-details.css"/>-->
    <link rel="stylesheet" href="./css/voice-include.css"/>
    <link rel="stylesheet" href="./css/voice.css"/>

</head>
<body>
<div class="voice-head">
    <img src="./img/voice/main.jpg" alt=""/>
    <div class="ranking-out">
        <div class="voteTime">离本轮投票截止：47:55:15</div>
    </div>
    <div class="ranking">
        <span>2016年度四川赛区排行榜</span><div class="triangle"></div>
    </div>
</div>
<div class="voice-middle">
    <div class="searchDiv">
        <input type="text" placeholder="请输入选手姓名或编号" id="search"/>
        <a href="#" class="searchBtn">
            <img src="./img/voice/search.png" alt=""/>
        </a>
    </div>
    <ul class="number">
        <li class="active">编号1-50</li>
        <li>编号51-100</li>
        <li>编号101-150</li>
        <li class="last">编号151-200</li>
    </ul>
    <div class="all-player">
        <div class="one-player">
            <a href="#"><img src="./img/voice/people1.jpg" alt=""/></a>
            <ul class="one-playerMsg">
                <li>陈瑶瑶</li>
                <li>25岁</li>
                <li>168cm</li>
            </ul>
        </div>
        <div class="one-player odd">
            <a href="#"><img src="./img/voice/people2.jpg" alt=""/></a>
            <ul class="one-playerMsg">
                <li>陈瑶瑶</li>
                <li>25岁</li>
                <li>168cm</li>
            </ul>
        </div>
        <div class="one-player">
            <a href="#"><img src="./img/voice/people1.jpg" alt=""/></a>
            <ul class="one-playerMsg">
                <li>陈瑶瑶</li>
                <li>25岁</li>
                <li>168cm</li>
            </ul>
        </div>
        <div class="one-player odd">
            <a href="#"><img src="./img/voice/people2.jpg" alt=""/></a>
            <ul class="one-playerMsg">
                <li>陈瑶瑶</li>
                <li>25岁</li>
                <li>168cm</li>
            </ul>
        </div>
    </div>
</div>
<!--无搜索结果开始-->
<div class="warnDiv mask">
    <div class="mask-tableCell">
        <div class="warnInner">未查询到相关选手信息</div>
    </div>
</div>
<!--无搜索结果结束-->
<!--排行榜弹出框-->
<div class="rank-out mask">
    <div class="mask-tableCell">
        <div class="mask-main">
            <img src="./img/voice/close.png" alt="" class="closeBtn"/>
            <div class="ranking rankMainleft">
                <span>2016年度四川赛区排行榜</span><div class="triangle rightTrg"></div>
            </div>
            <div class="outMain">
                <div class="player-ranking">如何查看选手排名</div>
                <p class="identifyCode">[长按下方图片，点击识别二维码]</p>
                <div class="codeImg">
                    <img src="./img/voice/vote-code.png" alt=""/>
                </div>
                <p class="attention">排行查询请关注好声音主办单位柒派之声微信号</p>
            </div>
        </div>
    </div>
</div>
<!--排行榜弹出框-->
<!--<span class="aa">鹅鹅鹅，曲项向天歌，白毛浮绿水，红掌波清波</span>-->
</body>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/voice-include.js"></script>
</html>